<script setup lang="ts">
import usePub from "@/utils/pub-use";

const getAssetsFile = (path: any) => {
  return usePub(path);
};
const props = defineProps({
  title: String,
  path: String
});
</script>

<template>
  <div class="card_header">
    <div class="card_header_title">{{ title }}</div>
    <img :src="getAssetsFile(path)" alt="" />
  </div>
</template>

<style scoped lang="less">
.card_header {
  position: relative;
  font-size: 0;

  img {
    width: 100%;
    height: 3.5vh;
  }

  .card_header_title {
    position: absolute;
    font-size: 1vw;
    font-weight: 400;
    color: #e4f2ff;
    letter-spacing: 0.2vw;
    font-style: italic;
    left: 3.6vw;
    top: -0.1vh;
  }
}
</style>
